<template>
	<div class="app-container">
		<div class="top-left">
			<div>
				<h1>222222</h1>
			</div>
		</div>
		<div class="top-right">
			<el-button type="warning" @click="logout">退出登录</el-button>
			<el-button type="danger" @click="quitAppClick">退出应用</el-button>
		</div>
		<div class="bottom-right">
			版本:V{{appPackageVersion}}
		</div>
		<div class="bottom-left">
		</div>
		<h2>巡查整改</h2>
		<div class="index-panel">

		</div>

	</div>
</template>

<script>
	import {
		mapGetters
	} from "vuex";
	export default {
		data() {
			return {
			
			};
		},
		computed: {
			...mapGetters(["userId"]),
			...mapGetters(["userObj"]),
			...mapGetters(["userName"]),
		},
		created() {

		},
		methods: {
			quitAppClick() {
				console.log('exit app')
				this.$electron.ipcRenderer.send("close-lj")
			},
			async logout() {
				
				this.$router.push(`/login`)
			},
		},
	};
</script>
<style scoped>
	.app-container {
		height: 100vh;
	}



	.index-panel img {
		margin-bottom: 40px;
	}

	h2 {
		text-align: center;
		line-height: 120px;
		font-size: 56px;
		margin-top: 0;
		color: #ffef92;
	}

	
</style>
